<!DOCTYPE html>
<link rel='stylesheet' type='text/css' href='touch-action-tests.css'>
<script src='touch-action-tests.js'></script>

<!-- 
     Test a bunch of cases involving overflow: scroll elements.
-->
<div class='scroll' style='height:75px'>
  <div class='ta-none' expected-action="none">
    touch-action: none still applies in scrollable area
  </div>
  <div class='spacer'></div>
</div>

<div class='ta-none scroll' style='height:75px'>
  <div expected-action='none'>
    Touch-action inherited by child in scrollable area
  </div>
  <div class='spacer'></div>
</div>

<div class='ta-none'>
  <div class='scroll' expected-action='pan-x-y'>
    Zoom (but not scroll) related touch-action bits propagate into overflow-scroll elements
  </div>
</div>

<div class='ta-manipulation'>
  <div class='scroll' expected-action='manipulation'>
      touch-action: manipulation is maintained across overflow-scroll elements
  </div>
</div>
